// @author: mss.huang
// @last-modify: 2016/06/29
// @rely: flexible.js form taobao    https://github.com/amfe/lib-flexible


// rem 基准值
$root-font-size-2: 50px !default;

// 
// 用于转换px和rem之间的关系，rem布局转换只需要按照设计稿尺寸输入数值。
// 
// 方便把设计稿尺寸转换成css尺寸，无须计算，只需要定义根字体大小即可。
// 
// @param    {number}/{number list}    $values    需要转换的数字或数字列表（px），如果没有单位或者是字符串的不作变更
// 
// @example  width: px2rem(75px) ==> width: 1rem
//           margin: px2rem(30px 20px) ==> margin: 0.4rem 0.26667rem;
//           @include font-dpr(12px) ==> [data-dpr=1] {font-size: 12px;} [data-dpr=2] {font-size: 24px;} ...
// 
// @date     2016/4/11
// 

// 计算当前px对应的rem值
@function _trans($value) {
      @return ($value/$root-font-size-2) * 1rem;
}

// px 转 rem
// @return rem/string/number
@function px2rem($values) {
      $list: ();

      @each $value in $values {
            $type: type-of($value);
            $val : $value;
            
            @if $type == 'string' {
                // 如果输入的是字符串，按照原来的值输出
            }
            @else if unit($value) == '' {
                // 如果没有单位则报错，而且不做转换
            }
            @else if unit($value) == 'px'{
                $val : _trans($value);
            }

            $list : append($list, $val);
      }
 
      @return $list;
}

// 字体适配
// 字体不使用rem，采用固定值，根据不同dpr对应不同的值
// 适配ipad等大屏页面，在原值基础上增加2px（默认关闭）
@mixin font-dpr($font-size){
    @for $i from 1 through 3 {
        [data-dpr="#{$i}"] & {
            font-size: $font-size * $i;
        }
    }
}
